<template>
  <div class="msg-tips w-full flex justify-center items-center" p="l-40px r-40px t-16px b-8px">
    <div
      class="bg-#eceef1 flex justify-center items-center color-#b4b8c4"
      font="size-12px"
      p="l-10px r-10px t-2px b-2px"
    >
      {{ props.msgItem?.msg }}
    </div>
  </div>
</template>

<script setup>
const props = defineProps({
  msgItem: { type: Object, default: null },
});
</script>

<style scoped lang="scss"></style>
